/*
    Farbtastic
-------------------------------------- */
.farbtastic {
    display: none;
    position: relative;
    right: -120px;
    top: -50px;
    z-index: 1;
}

.farbtastic * {
    position: absolute;
    cursor: crosshair;
}

.farbtastic, .farbtastic .wheel {
    width: 195px;
    height: 195px;
}

.farbtastic .color, .farbtastic .overlay {
    top: 47px;
    left: 47px;
    width: 101px;
    height: 101px;
}

.farbtastic .wheel {
    background: url(../images/wheel.png) no-repeat;
    width: 195px;
    height: 195px;
}

.farbtastic .overlay {
    background: url(../images/mask.png) no-repeat;
}

.farbtastic .marker {
    width: 17px;
    height: 17px;
    margin: -8px 0 0 -8px;
    overflow: hidden;
    background: url(../images/marker.png) no-repeat;
}
